<template>
  <div class="form-config-container">
    <a-form label-position="top">
      <a-form-item :label="$t('fm.config.form.labelPosition.title')">
        <a-radio-group v-model="data.labelPosition" button-style="solid">
          <a-radio-button value="left">{{ $t('fm.config.form.labelPosition.left') }}</a-radio-button>
          <a-radio-button value="right">{{ $t('fm.config.form.labelPosition.right') }}</a-radio-button>
          <!-- <a-radio-button value="top">{{ $t('fm.config.form.labelPosition.top') }}</a-radio-button> -->
        </a-radio-group>
      </a-form-item>

      <a-form-item :label="$t('fm.config.form.labelWidth')">
        <a-input-number v-model="data.labelWidth" :min="0" :max="22" :step="1"></a-input-number>
      </a-form-item>

      <!-- <a-form-item :label="$t('fm.config.form.size')">
        <a-radio-group v-model="data.size" button-style="solid">
          <a-radio-button value="large">large</a-radio-button>
          <a-radio-button value="default">default</a-radio-button>
          <a-radio-button value="small">small</a-radio-button>
        </a-radio-group>
      </a-form-item> -->
    </a-form>
  </div>
</template>

<script>
  export default {
    props: ['data'],
  }
</script>
